<template>
  <div class="v-charts-stacking">
    <ve-line :data="stackingData" :settings="chartSettings" height="300px"></ve-line>
  </div>
</template>

<script>
export default {
  name: '',
  data(){
    return {  
      chartSettings : {
        // stack: { '平均会话数': ['平均会话数'] },
        area: true
      },
      // stackingData: {
      //     columns: ['日期', '平均会话数'],
      //     rows: [
      //       { '日期': '00:00', '平均会话数': 1393},
      //       { '日期': '01:00', '平均会话数': 1322},
      //       { '日期': '02:00', '平均会话数': 4521},
      //       { '日期': '03:00', '平均会话数': 1234},
      //       { '日期': '04:00', '平均会话数': 6778},
      //       { '日期': '05:00', '平均会话数': 1234},
      //       { '日期': '06:00', '平均会话数': 3333},
      //       { '日期': '07:00', '平均会话数': 4445},
      //       { '日期': '08:00', '平均会话数': 1112},
      //       { '日期': '09:00', '平均会话数': 6663},
      //       { '日期': '10:00', '平均会话数': 2222},
      //       { '日期': '11:00', '平均会话数': 3530},
      //       { '日期': '12:00', '平均会话数': 5532},
      //       { '日期': '13:00', '平均会话数': 2123},
      //       { '日期': '14:00', '平均会话数': 3530},
      //       { '日期': '15:00', '平均会话数': 4224},
      //       { '日期': '16:00', '平均会话数': 3530},
      //       { '日期': '17:00', '平均会话数': 2234},
      //       { '日期': '18:00', '平均会话数': 3530},
      //       { '日期': '19:00', '平均会话数': 5674},
      //       { '日期': '20:00', '平均会话数': 3530},
      //       { '日期': '21:00', '平均会话数': 2212},
      //       { '日期': '22:00', '平均会话数': 3530},
      //       { '日期': '23:00', '平均会话数': 2221},
      //     ]
      // }
    }
  },
  props:['stackingData'],
  created(){

  },
  mounted(){
    // this.stackingData
  },
  methods:{

  },
  components:{

  },
  computed:{

  },
  watch:{

  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang='scss' scoped>

</style>
